<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<style type="text/css">
body {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	text-align: center;
}

#centered {
	width: 40%; /* set to desired width in px or percent */
	text-align: left; /* optionally you could use "justified" */
	border: 0px;
	/* Changing this value will add lines around the centered area */
	padding: 0;
	margin: 0 auto;
}
</style>
</h:head>
<body>

	<div id="centered">
		<h:form id="login"
			onsubmit="document.getElementById('login').action='j_security_check';"
			prependId="false">
			<p:panel id="basic" header="Login"
				footer="JStar - JSHealth - IPS grupo VIHDA - 2014 "
				style="margin-bottom:20px">
				<h:panelGrid columns="2">
					<p:outputLabel for="j_username" value="Username" />
					<p:inputText id="j_username" name="j_username" />
					<p:outputLabel for="j_password" value="Password" />
					<p:password id="j_password" name="j_password" />
					<p:commandButton id="submit" value="Login" ajax="false" />
				</h:panelGrid>
			</p:panel>
		</h:form>

	</div>



</body>
</html>
